<!-- 引入公共部分 -->
{{extend '../common/layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->

    <link rel="stylesheet" href="/static/admin/css/users_item.css">
    <link rel="stylesheet" href="/static/admin/css/bootstrap.min.css">

    <!-- <link rel="icon" href="/public/image/logo.png"/> -->
{{/block}}


{{block 'main'}}
<!-- body代码 -->
<!-- 头部代码 -->
<div id="topper" class="layui-bg-cyan">
    <div id="title">
        <a href="https://wlgzs.net/">
            <img src="/static/admin/img/logo1.png" alt="">
            <span id="title_wrap">未来招新系统</span>
        </a>
    </div>
    <div id="toppperRight" class="centerY">
        <div id="admin">
            <button class="admin" username="{{userInfo.username}}">您好：{{userInfo.name}}</button>
        </div> 
        <span id="quit" flag="2" onclick="openLoginOutWinFun()">
            <span style="color:#fff;font-size:15px;" >
                <i class="layui-icon layui-icon-logout " style="font-size: 18px; "></i>
            退出
            </span>
        </span>
        <span id="setSelf">
            <a href="javascript:;" style="color:#fff;font-size:15px;text-decoration: none;">
                <i class="layui-icon layui-icon-set " style="font-size: 18px; "></i>
            修改个人信息
            </a>
        </span>
        <span id="my">
            <a href="javascript:;" style="color:#fff;font-size:15px;text-decoration: none;">
                <i class="layui-icon layui-icon-user " style="font-size: 18px; "></i>
                我的面试
            </a>
        </span>
    </div>
    <div id="shade" data-userID ={{userInfo.id}}>
        <div id="shadeContent">
            <h2>修改个人信息</h2>
            <span id="closeChange" class="layui-icon layui-icon-close" ></span>
            <hr/>
            <div id="changeTable" style="background-color: #fff;color: black;padding: 0px 20px;position: relative;bottom: 39px;">
                <table>
                    <tr>
                        <td style="border: none;">姓 名：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">账 号：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">密 码：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">学 号：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">班 级：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">性 别：</td>
                        <td style="text-align: left !important;display: inline-flex;border: none;">
                            <div class="sexDiv" style="display: inherit;margin-right: 10px;cursor: pointer;height: 36px;line-height: 36px;">
                                <div class="sexRadio" style="position: relative;top: 25%;"></div><p>男</p><div class="checked"></div>
                            </div>
                            <div class="sexDiv" style="display: inherit;cursor: pointer;margin-right: 10px;height: 36px;line-height: 36px;">
                                <div class="sexRadio" style="position: relative;top: 25%;"></div><p>女</p><div class="checked"></div>
                            </div>
                            <div class="sexDiv" style="display: inherit;cursor: pointer;height: 36px;line-height: 36px;">
                                <div class="sexRadio" style="position: relative;top: 25%;"></div><p>未知</p><div class="checked" style="right: 77%;"></div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="btns" style="display: flex;justify-content: space-around;position: relative;bottom: 15px;">
                
                <button class="layui-btn layui-btn-danger" id="changeNoBtn">取消</button>
                <button class="layui-btn layui-btn-normal" id="changeYesBtn">修改</button>
            </div>
            
        </div>
    </div>
    <div id="myShade" name="{{userInfo.name}}">
        <div id="myShadeContent">
            <h2>查看我的面试</h2>
            <span id="closeMyChange" class="layui-icon layui-icon-close" ></span>
            <hr/>
            <div id="changeMyTable" style="max-height: 450px;overflow: auto;background-color: #fff;color: black;padding: 0px 20px;position: relative;bottom: 39px;">
                <table class="table table-striped">
                    <thead>
                        <th style="text-align: center;">姓名</th>
                        <th style="text-align: center;">班级</th>
                        <th style="text-align: center;">内容</th>
                        <th style="text-align: center;">时间</th>
                        <th style="text-align: center;">地点</th>
                        <th style="text-align: center;">操作</th>
                    </thead>
                    <tbody id="mytbody">
                        
                    </tbody>
                </table>
            </div>
            <div id="mybtns" style="display: flex;justify-content: space-around;position: relative;bottom: 15px;">
                
                <button class="layui-btn layui-btn-danger" style="display: none;">取消</button>
                <button class="layui-btn layui-btn-normal" style="display: none;">修改</button>
            </div>
            
        </div>
    </div>
</div>
<div class=" layui-row" id="content">
    <!-- 侧边栏 -->
    <div class="layui-col-md2" id="left">
        <!-- 侧边栏 -->
        <div class="footer">
            <ul id="ul_left" class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="demo">
                <li class="layui-nav-item" id="index_li">
                    <a href="../index">
                        <i class="layui-icon layui-icon-form" style="font-size: 25px;"></i>
                         <span>面试管理</span></a>
                </li>
                <li class="layui-nav-item" id="penTitle_li">
                    <a href="../penTitle">
                        <i class="layui-icon layui-icon-edit" style="font-size: 25px; "></i>
                        <span>笔试题库</span>
                    </a>
                </li>
                <li class="layui-nav-item" id="faceTitle_li">
                    <a href="../faceTitle">
                        <i class="layui-icon layui-icon-survey" style="font-size: 25px; "></i>
                        <span>面试题库</span>
                    </a>
    
                </li>
                <li class="layui-nav-item" id="users_li">
                    <a href="../users">
                        <i class="layui-icon layui-icon-user" style="font-size: 25px;"></i>
                        <span>用户管理</span>
                    </a>
                </li>
                <li class="layui-nav-item" id="tables_li">
                    <a href="../tables">
                        <i class="layui-icon layui-icon-table" style="font-size: 25px;"></i>
                        <span>表格管理</span>
                    </a>
                </li>
                <li class="layui-nav-item" id="upload_li">
                    <a href="../upload">
                        <i class="layui-icon layui-icon-upload" style="font-size: 25px;"></i>
                        <span>上传简历</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 主题区域 -->
    <div class="layui-col-md10" id="right">
        <div id="nav">
            <!-- <a href="../index">面试管理</a> -->
            <a href="../users">用户管理</a>
            <span>添加用户</span>
        </div>
        <div class="content">
            <div id="right_top" >
                <h4 style="line-height:50px">增加用户栏 <button class="layui-btn"  style="margin-left: 20px;line-height:30px" onclick="addOneRowFun()" >添加一行</button></h4>
            </div>
            <div id="right_wrap">
                <table lay-even class="layui-table" > 
                    <thead>
                        <tr>
                          <!-- <td style="max-width: 100px;"><input type="checkbox" id="checkAll" onclick="checkAllFun()" style="display: none;">选项</td> -->
                          <td>序号</td>
                          <td>姓名</td>
                          <td>班级</td>
                          <td>账号</td>
                          <td>密码</td>
                          <td>操作</td>
                        </tr> 
                    </thead>
                    <tbody id="tybody">
                        
                    </tbody>
                </table>
                <div class="add layui-bg-blue" onclick="submitFun()" >一键添加</div>
                <!-- <form action="http://1.117.92.175:8081/upLoad"  method="post">
                    <input type="file" name="file" id="img" value="上传图片">
                    <input type="text" name="studentId" id="img" value="id">
                    <input type="text" name="math" id="img" value="math">
                    <input type="submit" value="提交">
                </form> -->
            </div>
           
        </div>
    </div>
</div>
<div id="successShow" style="left: 60%;">
    <div id="successCover"></div>
    <span id="success_span">已修改</span>
</div>
<div id="coverLogin_div" onclick="cancleLoginOutFun()" ></div>
<div id=windowDiv_loginOut>
    <h2 class="layui-bg-green" >退出登录</h2>
    <span id="change_cancleA"  onclick="cancleLoginOutFun()" class="layui-icon layui-icon-close" > </span>
    <hr>
    <div id="windowDiv_wrap">
        是否确认退出登录？
    </div>
    <button class="layui-btn layui-btn-danger" id="cancleDel" onclick="cancleLoginOutFun()" style="background-color: #1E9FFF;">取消</button>
    <button class="layui-btn layui-btn-normal" id="submitDel" onclick="submitLoginOutFun()" style="background-color: #FF5722;">退出</button>
</div>
<div id="my"></div>
<div id="closeMyChange" style="display: none"></div>



{{/block}}
    
    



{{block 'script'}}
<!-- 添加js代码 -->
    <script src="/static/admin/js/users_item.js"></script>
{{/block }}
